{% extends "cover_layout.html" %}
{% block content %}


    <div class="d-flex w-100 h-100 mx-auto flex-column">
        <header class="masthead mb-auto">
            <div class="navbar navbar-dark bg-dark shadow-sm">
                <div class="container d-flex justify-content-between">
                    <strong>高校数据分析</strong>
                    <nav class="nav nav-masthead justify-content-center">
                       <a class="nav-link" href='{{ url_for('hot') }}'>高校热度分析</a>
                        <a class="nav-link" href='{{ url_for('major') }}'>专业热度与平均薪资</a>
                      <a class="nav-link" href='{{ url_for('hot_major') }}'>热门专业</a>
                    <a class="nav-link" href='{{ url_for('work') }}'>就业前景</a>
                    </nav>
                </div>
            </div>
        </header>
        <div style="position: absolute; right: 30px;margin-top: 20px" >
                <form class="form-inline" method="POST" action="/hot_major_">
  <div class="form-group">
    <div class="input-group">
            <select name="comp_select" class="selectpicker form-control" style="width: 185px; margin-top: 50px">
              {% for o in hotmajor %}
                  hotmajor = [{'本科热门专业':'A'},{'专科(高职)热门专业':'B'}]
              {% for k,v in o.items() %}
              <!-- <option value="{{ o.name }}">{{ o.name }}</option> -->
              <option value={{v}}>{{k}}</option>
              {% endfor %}
              {% endfor %}
            </select>
    </div>
    <button type="submit" class="btn btn-default" style="margin-top: 50px">确定查询</button>
  </div>
</form>
            </div>
        <br>
    {% if select == 'A' %}
        <div class="container">
                <div class="my-5 p-3 bg-white rounded shadow-sm">
                    <h4 class="border-bottom pt-2 pb-3 mb-0 ml-2">本科热门专业分析</h4>
                    <div class="d-flex text-muted pt-3 ml-2">
                        <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="40" height="40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"></rect><text x="50%" y="50%" fill="#ffffff" dy=".4em">1</text></svg>
                        <p class="ml-3 pb-3 mb-0 lh-sm" style="width: 90%;">
                            <strong class="d-block text-gray-dark mb-1">本科热门专业TOP20</strong>
                            <br>
                        <div style="margin-left:15px">{{tu3|safe}}</div>
                            <br>
                        <br>
                        <br>
                        <br>
                        - 左侧图表对专业的周访问量和总访问量进行了分析，得出本科热门专业TOP20排名，热度的排序以周访问量与总访问量为参考依据。
                        <br>
                        <br>
                        - 本科热门专业中，商务经济学、临床医学、电气工程与智能控制，可能是由于疫情的原因，大家对医生这个职业有了更深一层的敬畏，医学专业热度高涨。<br>
                            <br>
                            <br>
                            <br>
                        </p>
                    </div>
                     <p><strong>结论1：</strong>从总热度看，本科专业中，商务经济学位居榜首，但近期热度(周访问量)最高的却是临床医学，其次法学和计算机科学与技术，也是近期较热门的专业。</p>
                    <br>
        {% endif %}

        {% if select == 'B' %}
                <!-- END title -->
            <div class="container">
                <div class="my-5 p-3 bg-white rounded shadow-sm">
                    <h4 class="border-bottom pt-2 pb-3 mb-0 ml-2">专科（高职）热门专业分析</h4>
                    <div class="d-flex text-muted pt-3 ml-2">
                        <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="40" height="40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"></rect><text x="50%" y="50%" fill="#ffffff" dy=".4em">1</text></svg>
                        <p class="ml-3 pb-3 mb-0 lh-sm" style="width: 90%;">
                            <strong class="d-block text-gray-dark mb-1">专科(高职)热门专业TOP20</strong>
                            <br>
                        <div style="margin-left:15px">{{tu4|safe}}</div>
                        <br>
                        <br>
                        - 左侧图表对专科(高职)专业的周访问量和总访问量进行了分析，得出本科热门专业TOP20排名，热度的排序以周访问量与总访问量为参考依据。
                        <br>
                        <br>
                        - 专科(高职)热门专业中，位列前三位的分别是临床医学、中医学、口腔医学，由图看出，这些都是医学，推测由于疫情，医生这个职业在大众心中的地位直线上升，医学专业热度高涨。<br>
                            <br>
                            <br>
                            <br>
                        </p>
                    </div>
            <br>
            <p><strong>结论2：</strong>从专科(高职)热门专业图看，临床医学总访问量可谓是独占鳌头，是第二名的近2.5倍。值得注意的是，近期热门专业第一的是计算机类的计算机应用技术，虽然总访问量很低，但周访问量已经超过最热门的临床医学类。</p>
                    <p><strong>结论3：</strong>不管是本科还是专科，大家普遍都比较关注临床医学和计算机应用方面的专业。预计这些专业还会成为2021年专业报考的热门。</p>
                    <p><strong>结论4：</strong>我猜测医学专业的高热度与2020年的疫情因素有关。</p>
        {% endif %}


        <footer class="mastfoot mt-auto" style="padding-top: 1px; padding-bottom: 1.5rem; text-align: center">
            <div class="inner">
                <p></p>
            </div>
        </footer>
    </div>

{% endblock content %}